<template>
    <svg class="svg-icon" aria-hidden="true">
        <use :xlink:href="iconName"></use>
    </svg>
</template>

<script>
    export default{
        name:"icon-svg",
        props:{
            iconClass:{
                type:String,
                required:true
            }
        },
        computed:{
            iconName(){
                return `#icon-${this.iconClass}`
            }
        }
    }
</script>